<script>
	import updateCustomBarInfo from '@/utils/updateCustomBarInfo.js'
	// import {useSystemStore} from '@/stores/index'
	// const updateSystem = useSystemStore()
	export default {
		onLaunch: function() {
			updateCustomBarInfo().then((res) => {
				uni.setStorageSync('customBarHeight', res.customBarHeight)
				uni.setStorageSync('statusBarHeight', res.statusBarHeight)
			})
		},
		onShow: function() {
			// console.log('App Show')
		},
		onHide: function() {
			// console.log('App Hide')
		}
	}
</script>

<style lang="scss">
	@import "./uni_modules/vk-uview-ui/index.scss";

	.container_BR {
		width: 750rpx;
		box-sizing: border-box;
		padding: 20rpx;
		background-color: #fff;
		border-radius: 20rpx;
		margin-top: 20rpx;
	}

	.container_B {
		width: 750rpx;
		box-sizing: border-box;
		padding: 20rpx;
		background-color: #fff;
		margin-top: 20rpx;
	}

	.container_br {
		width: 710rpx;
		padding: 20rpx;
		background-color: #fff;
		border-radius: 20rpx;
		margin-top: 20rpx;
		margin: 20rpx auto;
	}

	.container_b {
		width: 710rpx;
		padding: 20rpx;
		background-color: #fff;
		margin-top: 20rpx;
		margin: 20rpx auto;
	}

	.box {
		min-width: 750rpx;
		min-height: 100vh;
		background-color: #f5f5f5;
		font-family: Source Han Sans CN;
	}

	.flc {
		display: flex;
		align-items: center;
	}

	.jsb {
		display: flex;
		justify-content: space-between;
	}

	.jsbc {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.jsbw {
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
	}

	.fl {
		display: flex;
	}

	.ml2 {
		margin-left: 20rpx;
	}
	.ml1 {
		margin-left: 10rpx;
	}

	.mr2 {
		margin-right: 20rpx;
	}
	.mr1 {
		margin-right: 10rpx;
	}

	.mlr2 {
		margin: 0 20rpx;
	}
	.mlr1 {
		margin: 0 10rpx;
	}
	

	.mtb2 {
		margin: 20rpx 0;
	}


	.H10 {
		height: 10rpx;
	}

	.H20 {
		height: 20rpx;
	}

	.H30 {
		height: 30rpx;
	}

	.H50 {
		height: 50rpx;
	}

	.H120 {
		height: 120rpx;
	}

	.H100 {
		height: 100rpx;
	}

	.H150 {
		height: 150rpx;
	}

	.H300 {
		height: 300rpx;
	}


	.P30-0 {
		padding: 30rpx 0px;
	}

	.P20-0 {
		padding: 20rpx 0px;
	}

	.P0-20 {
		padding: 0rpx 20px;
	}

	.pb-20 {
		padding: 20rpx;
		box-sizing: border-box;
	}

	.bg {
		background: #00AFEE;
	}

	.bg2 {
		background: #FA453C;
	}

	.cxc {
		color: #FD4120;
	}

	.ptc {
		color: #949599;
	}

	.app {
		.right {
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			margin-left: 20rpx;
		}
	}

	.textO {
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;

	}

	.btn {
		text-align: center;
		color: #fff;
	}

	.card_p {
		width: 345rpx;
		height: 520rpx;
		background: #FFFFFF;
		border-radius: 10rpx;
		min-height: 360rpx;

		.img {
			width: 345rpx;
			height: 345rpx;
			overflow: hidden;

		}

		.info {
			width: 345rpx;
			box-sizing: border-box;
			padding: 20rpx;

			.name {
				font-size: 28rpx;
				color: #333333;
				width: 315rpx;
				overflow: hidden;
				-webkit-line-clamp: 2;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-box-orient: vertical;
			}

		}
	}
	.password{
		min-width: 600rpx;
	}
	.fz32{
		font-size: 32rpx;
	}
	.bold{
		font-weight: 700;
	}
</style>